<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>jsdom操作</title>
		<script type="text/javascript">
			// 事件响应的函数
			function doMouseOver(){
				// 获取img对象
				var img0 = document.getElementById("picture");
				// 修改img对象的src属性的值
				img0.src = 'imgs/dog_2.jpg';
			}
			// 事件响应的函数
			function doMouseOut(){
				// 获取img对象
				var img0 = document.getElementById("picture");
				// 修改img对象的src属性的值
				//img0.src = 'imgs/dog_1.jpg';
				img0.setAttribute("src","imgs/dog_1.jpg");
			}
		</script>
	</head>

	<body>
		<a href="http://www.mycom.cn">
			<img src="imgs/dog_1.jpg" id="picture" name="picture" onmouseover="doMouseOver();" onmouseout="doMouseOut(); "></a>
		<h1> 移过来看看俺啊</h1>
	</body>

</html>